<template>
  <div class="main">
    <div class="head" @click="goback"></div>
    <div class="text">
      <ul>
        <li>
          <div>
            <h2>专业除螨</h2>
            <p>
              螨虫是世束上已知最强烈的过敏源之 是引起过敏性皮炎
              皮肤瘙痒等各类皮肤病的罪魁祸首，宜居保洁选用行业领先的
              德国进口设备，高效无死角除螨，还您真正健康的居住环境
            </p>
          </div>
        </li>
        <li>
          <div>
            <h2>服务价格</h2>
            <p>双人床 <span style="float: right">200元/张</span></p>
          </div>
        </li>
        <li>
          <div>
            <p>单人床 <span style="float: right">170元/张</span></p>
          </div>
        </li>
        <li>
          <div>
            <p>婴儿床 <span style="float: right">140元/张</span></p>
          </div>
        </li>
        <li>
          <div style="border:none">
            <p>布艺沙4 <span style="float: right">140元/张</span></p>
          </div>
        </li>
      </ul>
    </div>
    <div class="btn">
        <button>立即预约</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  methods:{
       goback() {
        this.$router.replace({ name: "LifeService" });
      },
  }
};
</script>

<style scoped lang='less'>
.main {
  background: rgb(230, 230, 230);
  height: 100%;
  .head {
    width: 100%;
    height: 580px;
    background-image: url("../../../assets/img/cmbj.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
  }
  .text {
    ul {
      li {
        div {
          padding-left: 20px;
          padding-right: 20px;
          border-bottom: 5px solid rgb(207, 207, 207);
          padding-left: 20px;
        }
        &:nth-child(1) {
          div {
            h2 {
              margin-top: 30px;
              font-size: 32px;
              margin-bottom: 52px;
            }
            p {
              font-size: 20px;
              color: rgb(161, 160, 160);
              margin-bottom: 70px;
            }
          }
        }
        &:nth-child(2) {
          div {
            h2 {
              font-size: 32px;
              margin-top: 25px;
            }
            p {
              font-size: 20px;
              color: rgb(161, 160, 160);
              margin-bottom: 28px;
              margin-top: 52px;
            }
          }
        }
        &:nth-child(3),
        &:nth-child(4),
        &:nth-child(5) {
          p {
            font-size: 20px;
            color: rgb(161, 160, 160);
            margin-top: 26px;
            margin-bottom: 28px;
          }
        }
      }
    }
  }
  .btn{
      button{
          width: 100%;
          height: 106px;
          background: #ff5555;
          font-size: 30px;
          border: none;
          color: #fff;
      }
  }
}
</style>